* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
button, input {
  outline: none;
  border: none;
}
a {
  text-decoration: none;
}
.app-login {
  width: 100vw;
  height: 100vh;
  padding: 0 5vw;
  form{
    .login-phone, .login-checkCode {
      width: 90vw;
      margin-bottom: 3vh;
      padding: 0 2vh 0 0;
      border-bottom: 1px solid #ececec;
      input {
        height: 40px;
      }
    }
    .login-phone {
      input {
        width: 100%;
      }
    }
    .login-checkCode {
      display: flex;
      justify-content: space-between;
      align-items: center;
      button {
        background-color: #fff;
        color: #464646;
        padding: 5px 10px;
        border: 1px solid #dedede;
      }
    }
    .error {
      color: red;
      font-size: .32rem;
    }
    .login-msg {
      width: 90vw;
      margin-top: 2vh;
      font-size: .373333rem;
      display: flex;
      justify-content: space-between;
      .login-meetProblem a {
        color: #919191;
      }
      .login-usePassword a {
        color: #646464;
      }
    }
    .login-submit {
      width: 90vw;
      button {
        width: 100%;
        padding: .266667rem 0;
        color: #fff;
        background-color: #dd1a21;
        border-radius: .066667rem;
      }
    }
  }
  .login-agree-items {
    margin-top: 1vh;
    font-size: .32rem;
    width: 90vw;
    input {
      vertical-align: middle;
      margin-right: 5px;
    }
    a {
      color: #51a4ff;
    }
  }
}